<template>
  <div class="contentBlock">
		<p class="title">{{title}}</p>
		<nav-tab-top class="tab" :titles="tabItems" :indexName="indexName"></nav-tab-top>
		<slot name="swiper"></slot>
  </div>
</template>

<script>
	import navTabTop from 'components/tab/tab_small.vue'
	
  export default{
    name:'',
    data(){
      return {
          titles:['推荐','华语','英语','日语','西语']
       }
    },
    methods:{
      
    },
    components:{
       navTabTop
    },
	props:{
		title:{
			type:String,
			default(){
				return ""
			}
		},
		tabItems:{
			type:Array,
			default(){
				return ['推荐','华语','英语','日语','西语']
			}
		},
		indexName:{
			type:String,
			default(){
				return ""
			}
		}
	},
	mounted() {
		this.$bus.on("myClick",res => {
			console.log(res)
		});
	}
  }
</script>

<style scoped>
	.contentBlock{
		margin: 30px auto;
		display: inline-block;
		width: 100%;
	}
	.tab{
		margin: 15px auto;
	}
	.title{
		margin: 20px;
		text-align: center;
		font-weight: bolder;
		font-family: "黑体";
		letter-spacing: 7px;
		color: #000000;
		font-size: 35px;
	}
</style>
